<template>
  <el-container>
    <!-- <el-header class='_header'> -->
    <my-header />
    <!-- </el-header> -->
    <el-main class="_main">
      <nuxt />
    </el-main>
    <el-footer class="_footer">
      <my-footer />
    </el-footer>

  </el-container>
</template>
<script>
import MyHeader from "@/components/public/header/index.vue";
import MyFooter from "@/components/public/footer/index.vue";
export default {
  components: {
    MyHeader,
    MyFooter
  }
};
</script>
<style lang='scss'>
.el-container {
  background-color: #f8f8f8;
  overflow: hidden;
  min-width: 950px;
  // ._header {
  //   height: auto !important;
  //   padding: 0;
  //   font-size: 12px;
  // }
  ._main {
    padding: 0;
    position: relative;
    top: -50px;
  }
  ._footer {
    height: auto !important;
    padding: 0;
    font-size: 12px;
  }
}
</style>
